<template>
  <div v-if="showSizer || showElevator" :class="optsClasses">
    <!--筛选器-->

    <div v-if="showSizer" :class="sizerClasses">
      <atySelect v-model="currentPageSize"
                 :data="currentPageSizeOpts"
                 :size="size"
                 :dropdown-width="0"
                 :transfer="transfer"
                 :placement="placement"
                 :filterable="false"
                 @change="changeSize" />
    </div>

    <!--电梯筛选-->
    <div v-if="showElevator" :class="ElevatorClasses">
      {{ t('i.page.goto') }}
      <input
        type="text"
        :value="_current"
        autocomplete="off"
        spellcheck="false"
        @keyup.enter="changePage"
        :style="{'width': scope.pageInputWidth + 'px'}" />
      {{ t('i.page.p') }}
    </div>
  </div>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
